<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE HTML>
<html>
<head>
    <title>屌丝备考</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width; initial-scale=1.0">
    <meta name="viewport" content="directive,directive">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=no" />
    <meta name='apple-touch-fullscreen' content='yes' />
    <meta name="full-screen" content="yes">
    <link href='<c:url value="/sharepage/css/base.css" />' rel="stylesheet" type="text/css"/>
    <link href='<c:url value="/sharepage/css/layout.css" />' rel="stylesheet" type="text/css"/>
    <link href='<c:url value="/sharepage/css/layout2.css" />' rel="stylesheet" type="text/css"/>
    <link href='<c:url value="/sharepage/css/layout5.css" />' rel="stylesheet" type="text/css"/>
    
</head>
<body>
<div class="wrap">

<div class="download-wrapper">
<div class="download">
  <img src='<c:url value="/sharepage/img/download-img.png" />' class="download-img">
    <span class="span1">托福21天app</span>
    <span class="span2">特约提供</span>
  <img src='<c:url value="/sharepage/img/download.png" />' class="download-img2">
</div>
</div>


  <header class="title">
    <span class="title-left">${topicVo.title }</span><%-- <span class="title-right">${topicVo.createdAt }</span> --%>
  </header>

  <div class="author">
     <div class="name-day">
     <span>${topicVo.userName }</span><span style="padding-left:3%;">${fn:substring(topicVo.createdAt, 0, 10)}</span>
     </div>
     <div class="scan2">
       <img src='<c:url value="/sharepage/img/chat.png" />' class="chat">
       <span style="color:#dcdcdc;margin-top:9%">${topicVo.postCount }</span>
     </div>
</div>

<!--   <div class="icons">
    <ul>
      <li><img src="img/chat.png"><span>123456</span></li>
    </ul>
  </div> -->


    <div class="pic">
      <img src="${topicVo.imgs }"/>
        <p>${topicVo.content}</p>
    </div>
    
  <div class="author" style="margin-top:5%">
     <div class="name-day">
     <span style="color:#379bfc;font-size:5vw;">小马过河微社区</span><span style="padding-left:3%;">独家供稿</span>
     </div>
     <div class="scan2">
       <img src='<c:url value="/sharepage/img/eye2.png" />' style="width:20%;vertical-align:middle;">
       <span style="color:#dcdcdc;margin-top:9%">${topicVo.readCount }</span>
     </div>
</div>


     <div class="comment" style="margin-top:22%">
      <a href="javascript:void(0)">
       <img src='<c:url value="/sharepage/img/read.png" />'>
      </a>
     </div>
      
     <div class="con" >
  <ul>
    <c:forEach var="topic" items="${topics }">
    <li style="overflow:hidden">
      <div class="licon" style="float:left;display:block;" >
        <a href="javascript:void(0)"><img src="${topic.imgs }"></a>
      </div>
      <div class="text">
       <h3><a class="item" value="${topic.id }" href="javascript:void(0)">${topic.title }</a></h3>
       <c:choose>
         <c:when test="${fn:length(topic.content) > 45}"><p><a class="item" value="${topic.id }" href="javascript:void(0)">${fn:substring(topic.content, 0, 45)}...</a></p></c:when>
         <c:otherwise><p><a class="item" value="${topic.id }" href="javascript:void(0)">${topic.content}</a></p></c:otherwise>
       </c:choose>
      </div>
      <div class="eye">
        <img src='<c:url value="/sharepage/img/eye2.png" />'>
        <span>${topic.readCount }</span>
      </div>
    </li>
    </c:forEach>
  </ul>
 </div>
  
</div>
</body>
<script src="<c:url value="/js/1.11.1.js" />" type="text/javascript"></script>
<script>
$(document).on("click",".item",function(){
	var url = '<c:url value="/share/topic/" />' + $(this).attr("value");
	window.location.href=url;
});
$(document).on("click",".download-img2",function(){
    var url = '<c:url value="/sharepage/TESTOS.html" />';
    window.location.href=url;
});
</script>
</html>